<template>
	<view>
		<view class="box">
			<image src="../../static/57.png" style="width: 100%; height: 100%;" mode=""></image>
		</view>
		<view>
			<p style="padding-left: 50rpx; padding-top: 50rpx;">热点</p>
			<view style="background: red; width: 60rpx; height:10rpx; margin-left: 50rpx; ">
				
			</view>
		</view>
		
		<view class="box_one">
			<swiper circular indicator-dots>
						<swiper-item>
							<image src="../../static/l2.png" style="width: 100%; height: 100%;" mode=""></image>
						</swiper-item>
						<swiper-item>
							<image src="../../static/l3.png" style="width: 100%; height: 100%;" mode=""></image>
						</swiper-item>
					</swiper>
		</view>
		
		<view class="box_tow" v-for="(ietm,index) in arr" :key="index">
			<image src="../../static/73.png" style="width: 300rpx; height: 80%; margin-top: 3%; margin-left: 30rpx; float: left;" mode=""></image>
			<view style="float: left;width: 400rpx; height: 81%;">
				<p style="padding-top: 20rpx; text-align: center;  text-overflow:ellipsis; z-index: -1; display: -webkit-box;word-break: break-all; -webkit-box-orient: vertical;
				 -webkit-line-clamp: 1; overflow: hidden;"><b>{{ietm.titles}}</b></p>
			</view>
			<view style="float: left;width: 400rpx; height: 20%;">
				<p style="line-height:20%; font-size: 20rpx;">{{ietm.username}}<span style="float: right;">{{ietm.cretatime}}</span></p>
			</view>
		</view>
	</view>
</template>

<script>
		export default{
			data(){
				return {
					arr:[]
				}
			},
			onLoad(){
				this.ass()
			},
			methods:{
				ass(){
					uni.request({
					    url:"https://goods.zzgoodqc.cn/index.php/index/News/newsList",
					    success: (res) => {
							this.arr=res.data.data.data
					    }
					})	
				}
			}
		}
</script>

<style>
	
	.box_tow{
		width: 750rpx;
		height: 222rpx;
		border-bottom: 1px solid #E8E8E8;
	}
	
	.box{
		width: 750rpx;
		height: 150rpx;
	}
	
	.box_one{
		width: 750rpx;
		height: 300rpx;
		background: #000;
	}
	
</style>